<!DOCTYPE html>
<!-- saved from url=(0048)https://m.changingedu.com/teacher/643257969.html -->
<html data-dpr="1" style="font-size: 37.5px;">

<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

    <title>老师风采</title>
    <!-- version - -20180309180205-1225 -->
    <meta name="applicable-device" content="mobile">
    <meta name="apple-touch-fullscreen" content="yes">
    <meta name="format-detection" content="telephone=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta http-equiv="Cache-Control" content="no-transform">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no">

    <style>
        @charset "utf-8";
        html {
            color: #000;
            background: #fff;
            overflow-y: scroll;
            -webkit-text-size-adjust: 100%;
            -ms-text-size-adjust: 100%
        }

        html * {
            outline: 0;
            -webkit-text-size-adjust: none;
            -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
        }

        html, body {
            font-family: sans-serif
        }

        body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
            margin: 0;
            padding: 0
        }

        input, select, textarea {
            font-size: 100%
        }

        table {
            border-collapse: collapse;
            border-spacing: 0
        }

        fieldset, img {
            border: 0
        }

        abbr, acronym {
            border: 0;
            font-variant: normal
        }

        del {
            text-decoration: line-through
        }

        address, caption, cite, code, dfn, em, th, var {
            font-style: normal;
            font-weight: 500
        }

        ol, ul {
            list-style: none
        }

        caption, th {
            text-align: left
        }

        h1, h2, h3, h4, h5, h6 {
            font-size: 100%;
            font-weight: 500
        }

        q:before, q:after {
            content: ''
        }

        sub, sup {
            font-size: 75%;
            line-height: 0;
            position: relative;
            vertical-align: baseline
        }

        sup {
            top: -.5em
        }

        sub {
            bottom: -.25em
        }

        a:hover {
            text-decoration: underline
        }

        ins, a {
            text-decoration: none
        }

        .teacher_tel{
            background-color: #fff;
            margin-top: 15px;
            font-size: 17px;
            height: 50px;
        }
        .t_tel{
            float: left;
        }
        .t_picture{
            height: 250px;
        }
    </style>
    <link rel="stylesheet" href="__TMPL__/public/assets/css/weui.min.css">
    <link rel="stylesheet" type="text/css" href="__TMPL__/public/assets/css/mui.min.css">
    <link rel="stylesheet" type="text/css" href="__TMPL__/public/assets/css/common_css-1fe12f85234e85ce973d3535dad4b1d1.css">
    <link rel="stylesheet" type="text/css" href="__TMPL__/public/assets/css/main-4a62b908912f15310dbdcefddf734f5f.css">
    <link rel="stylesheet" type="text/css" href="__TMPL__/public/assets/css/animate.css">
    <link rel="stylesheet" type="text/css" href="//at.alicdn.com/t/font_547740_69lvg3rbum4e7b9.css">

</head>
<body style="font-size: 12px;">
<div class="js-homeview  ">
    <div class="certWrap teacher-new page">
        <div class="weui-flex" style="background: #FCFCFC;height: 45px">
            <div class="weui-flex__item" style="margin-top: 15px;">
                <div class="placeholder"style="margin-left: 10px;margin-top: -6px;" >
                    <a href="{:url('portal/index/index')}" style="text-decoration: none">
                        <span  style="color: #04BE02;font-size: 20px;font-weight: 900;"   class="icon bb icon-fanhui" ></span>
                    </a>
                </div>
            </div>
            <div class="weui-flex__item">
                <div class="placeholder" style="font-size: 17px;text-align: center;margin-top: 12px;">教师详情</div>
            </div>
            <div class="weui-flex__item"><div class="placeholder" ></div></div>
        </div>

        <!--轮播图+老师标题开始-->
        <div class="header-top rel show_download  mtbanner" style="margin-top: 0px">
            <div class="teacher_new_head">
                <if condition="$slide_data eq ''">
                    <else />
                    <!--轮播图开始-->
                    <div id="slider" class="mui-slider" style="height: 250px">
                        <div class="mui-slider-group mui-slider-loop">
                            <!-- 额外增加的一个节点(循环轮播：第一个节点是最后一张轮播) -->
                            <div class="mui-slider-item mui-slider-item-duplicate">
                                <img class="t_picture" src="__UPLOADS__{$slide_data.2.picture_path}">
                            </div>
                            <foreach $slide_data as $v>
                                <div class="mui-slider-item">
                                    <img class="t_picture" src="__UPLOADS__{$v.picture_path}">
                                </div>
                            </foreach>
                            <!-- 额外增加的一个节点(循环轮播：最后一个节点是第一张轮播) -->
                            <div class="mui-slider-item mui-slider-item-duplicate">
                                <img class="t_picture" src="__UPLOADS__{$slide_data.0.picture_path}">
                            </div>


                        </div>
                        <div class="mui-slider-indicator">
                            <div class="mui-indicator mui-active"></div>
                            <div class="mui-indicator"></div>
                            <div class="mui-indicator"></div>
                            <div class="mui-indicator"></div>
                        </div>

                    </div>
                </if>
                <script src="__TMPL__/public/assets/js/mui.min.js"></script>
                <script type="text/javascript" charset="utf-8">
                    var slider = mui("#slider");
                    slider.slider({
                        interval: 5000
                    });
                </script>
                <!--轮播图结束-->

                <!--教师标题开始-->
                <div class="t_card cf rel">
                    <div class="price_info">
                        ¥{$teacher_course_manager_data[0]["price"]}
                        <span>起</span>
                    </div>
                    <h2 class="ellipsis css_nick  ">
                        {$teacher_data.name}
                        <span>老师</span>
                    </h2>
                    <div class="price-wrap cf mtR10">
                        <div class="fl">
                            {$teacher_course_manager_data[0]["grade"]} {$teacher_course_manager_data[0]["subject"]}
                        </div>
                    </div>
                    <div class="price-wrap cf mtR10">
                        <div class="fl">授课{$teacher_data.teach_time}小时
                            <span class="mlR10 mrR10">|</span>教龄{$teacher_data.school_age}年
                        </div>
                    </div>
                </div>
                <!--教师标题结束-->
            </div>
        </div>
        <!--轮播图+教师标题结束-->

        <!--认证+实名+标准开始-->
        <div class="cert-wrapper ovh js_show_cert">
            <b class="icon_more">
                <div></div>
            </b>
            <div class="item active" data-external="actioncode=c_pengyoutuan">
                <div class="fl cert_wrap">
                    <em></em>
                </div>
                <span class="fl">家教精灵服务标准</span>
            </div>
            <div class="item active card" data-type="card" data-external="actioncode=c_cert"><div class="fl cert_wrap"><em></em></div><span class="fl">实名</span></div>  <div class="item active edu" data-type="edu" data-external="actioncode=c_cert"><div class="fl cert_wrap"><em></em></div><span class="fl">学历</span></div>  <div class="item active cert" data-type="cert" data-external="actioncode=c_cert"><div class="fl cert_wrap"><em></em></div><span class="fl">认证</span></div>  <div class="item active service_agree" data-type="service_agree" data-external="actioncode=c_cert"><div class="fl cert_wrap"><em></em></div><span class="fl">服务承诺</span></div>  <div class="item active cert_online" data-type="cert_online" data-external="actioncode=c_cert"><div class="fl cert_wrap"><em></em></div><span class="fl">在线旁听</span></div>
            <div class="item active" data-external="actioncode=c_pengyoutuan">
                <div class="fl cert_wrap">
                    <em></em>
                </div>
                <span class="fl">提供在线旁听</span>
            </div>

            <div class="item active" data-external="actioncode=c_live">
                <div class="fl cert_wrap">
                    <em></em>
                </div>
                <span class="fl">在线授课</span>
            </div>
        </div>
        <!--认证+实名+标准结束-->


        <div class="wc100 mtR25">
            <!--试听开始-->
            <div class="buy_lession_ui wc100 js_to_live_page bdt">
                <a href="#">
                    <div class="obo cf rel pad_h">
                        <div class="buy_btn">
                            <div class="js_audition_txt" onclick="zhibo()">立即试听</div>
                        </div>
                        <div class="l obo_icon mtR25"></div>
                        <div class="r top_pad pad_v">
                            <h3>在线课
                                <span class="icon_free_audition hidden"></span>
                            </h3>
                            <p class="ellipsis">让学习更高效</p>
                        </div>
                    </div>
                </a>
            </div>
            <!--试听结束-->

            <!--教师电话开始-->
            <div class="buy_lession_ui wc100 js_to_live_page bdt" style="margin-top: 15px;">
                <div class="obo cf rel pad_h" style="border: none" >
                    <div class="l mtR25 mui-icon bb icon-tel01" style="font-size: 20px; color: #04BE02;"></div>
                    <div class="r top_pad pad_v">
                        <h3>电话：
                            <span class="icon_free_audition hidden"></span>
                            <span class="ellipsis">{$teacher_data.tel}</span>
                        </h3>

                    </div>
                    <div class="l mtR25 mui-icon bb icon-qq1" style="font-size: 20px; color: #04BE02;"></div>
                    <div class="r top_pad pad_v">
                        <h3>q&nbsp;&nbsp;q：
                            <span class="icon_free_audition hidden"></span>
                            <span class="ellipsis">{$teacher_data.qq}</span>
                        </h3>
                    </div>
                    <div  class="l mtR25 mui-icon bb icon-icons-" style="font-size: 20px; color: #04BE02;"></div>
                    <div class="r top_pad pad_v">
                        <h3>微信：
                            <span class="icon_free_audition hidden"></span>
                            <span class="ellipsis">{$teacher_data.wechat}</span>
                        </h3>
                    </div>
                </div>
                <!--教师电话结束-->

                <!--自我介绍开始-->
                <div class="self-description mtR25">
                    <div class="header rel">
                        <em class="icon_selfdescription">
                            <b></b>
                        </em>
                        <span class="fl">自我介绍</span>
                    </div>
                    <div class="cert-history">

                        <!--教学特点开始-->
                        <div class="cert-feature">
                            <div class="title-wrap mtR25">
                                <span class="l-b fl"></span>
                                <span class="title fl">教学特点</span>
                            </div>
                            <div class="info">
                                {$teacher_character_data.charater}
                            </div>
                            <div class="personal_tags_wrap ptR20">
                                <h3>个性标签</h3>
                                <div class="tag_wrap cf">
                                    <div class="left">
                                    </div>
                                    <div class="right">
                                        {$teacher_character_data.tager}
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!--教学特点结束-->

                        <!--成功案例开始-->
                        <div class="cert-example">
                            <div class="title-wrap mtR25 rel" id="successful_cases">
                                <span class="l-b fl"></span>
                                <span class="title fl" data-external="actioncode=c_success_example">成功案例</span>
                            </div>
                            <div class="personal_tags_wrap js_direct_to_school_tag">
                                <h3>学生所在学校</h3>
                                <div class="tag_wrap cf">
                                    <div class="left">

                                    </div>
                                    <div class="right line3">
                                        {$teacher_case_data.0.student_school}
                                    </div>
                                </div>
                            </div>

                            <foreach $teacher_case_data as $c>

                                <div class="item" data-id="86668">
                                    <p data-external="actioncode=c_success_example">{$c.case_introduction}</p>
                                </div>

                            </foreach>
                        </div>
                        <!--成功案例结束-->
                        <if condition="$teacher_experience_data eq ''">
                            <else />
                            <!--教学经历开始-->
                            <div class="title-wrap mtR25 border-b-dot rel" id="teaching_experience" data-external="actioncode=c_experience">
                                <span class="l-b fl"></span>
                                <span class="title fl" data-external="actioncode=c_experience">教学经历</span>
                            </div>
                            <div class="item-wrap rel">
                                <div class="vert-line"></div>
                                <div class="mask"></div>
                                <volist name="teacher_experience_data" id="vo">
                                    <div class="item">
                                        <div class="mask"></div>
                                        <div class="mask-icon"></div>
                                        <div class="l">
                                            <div>
                                                <div class="circle"></div>
                                            </div>
                                        </div>
                                        <div class="r">
                                            <p data-external="actioncode=c_experience" style="color:#999999;">
                                                {$vo["details"]}
                                            </p>
                                        </div>
                                    </div>
                                </volist>

                            </div>
                            <!--教学经历结束-->
                        </if>
                        <!--毕业院校开始-->
                        <div class="cert-school">
                            <div class="title-wrap mtR25">
                                <span class="l-b fl"></span>
                                <span class="title fl">毕业院校</span>
                            </div>
                            <div class="item">
                                <h2>{$teacher_graduate_school_data.0.school}</h2>
                                <p>{$teacher_graduate_school_data.0.school_time}
                                    <span class="mlR10">{$teacher_graduate_school_data.0.major}</span>
                                    <span class="mlR10">{$teacher_data.education}学历</span>
                                </p>
                            </div>
                        </div>
                        <!--毕业院校结束-->

                        <!--授课信息开始-->
                        <div class="course-info mtR25 cf">
                            <div class="header">
                                <em class="icon_shouke">
                                    <b></b>
                                </em>
                                <span class="fl">授课信息</span>
                            </div>
                            <div class="info-body">
                                <div class="item cf">
                                    <div class="r cf">
                                        <foreach $teacher_course_manager_data as $v>
                                             {$v.grade}-{$v.subject} &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                        </foreach>

                                    </div>
                                </div>
                            </div>
                        </div>
                        <!--授课信息结束-->
                    </div>
                </div>
                <!--自我介绍结束-->
            </div>
        </div>

    </div>
    <nav class="mui-bar mui-bar-tab header" style="box-shadow: 0 0 1px #f7f7f7;">
        <div class="mui-row">
             <div class="mui-col-sm-3 mui-col-xs-3" onclick="collect({$teacher_data['id']})" style="text-align: center;line-height: 50px;border-right: 1px #eeefef solid">
                <a style="color: darkslategrey;text-decoration: none" id="sc"> 收藏</a>
             </div>
            <div class="mui-col-sm-3 mui-col-xs-3" style="text-align: center;line-height: 50px;">
                <a href="{:url('Detail/liuyan',array('teacher_id'=>$teacher_data['id']))}" style="color: darkslategrey;height: 30px;text-decoration: none">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;留&nbsp;&nbsp;&nbsp;&nbsp;言&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a>
            </div>
            <div class="mui-col-sm-6 mui-col-xs-6" style="background-color: #48bb48;;text-align: center;line-height: 50px">
                <a href="{:url('Detail/subscribe',array('teacher_id'=>$teacher_data['id']))}" style="color: white;text-decoration: none">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;预&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;约&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a>
            </div>
        </div>
    </nav>
</div>
</body>
<script src="https://cdn.bootcss.com/jquery/1.11.0/jquery.min.js"></script>
<script src="https://cdn.bootcss.com/jquery/1.11.0/jquery.min.js"></script>
<script>
    function zhibo(){
        alert('正在跳往直播平台，请稍后......');
    }
    function collect(id){
        console.log(id);
        $.ajax({
            type:"post",
            url:"{:url('portal/Detail/collect')}",
            dataType:'JSON',
            data:{id:id},
            error: function (data){
                mui.toast('收藏失败');
            },
            success: function (data) {
                console.log(data);
                if(data==1){
                    mui.toast('成功收藏');
                    document.getElementById("sc").style.color="green";
                }
                else{
                    mui.toast('不可重复收藏');
                }

            }
        });
    }
    $(document).ready(function (){
        $('.js_audition_txt').click(function(){

        });
    });
    mui(".return-icon-wrap").on('icon-wrap','#my',function(){
        mui.openWindow({
            id:'index.html',
            url:'portal/index/index'
        })

    });
</script>
</html>